body{
    background-color: #f5f5f5;
}
.myClass{
    padding: 1rem;
}
.classTitle{
    color: #888;
}
.classBox{
    display: flex;
    padding: 1rem 0;
    border-bottom: 1px solid #E4E4E4;
}
.classLeft{
    width: 9.0625rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    /*padding: 1rem .5rem;*/
    box-sizing: border-box;
    font-size: 0.75rem;
}
.classIntro{
    width: 100%;
}
.className{
    color: #fff;
    font-weight: bold;
}
.fudao{
    color: #ddd;
}
.classLeft img{
    width: 100%;
}
.classRight{
    margin-left: 1rem;
    width: 53%;
}
.r_title{
    font-weight: bold;
}
.r_shangci{
    color: #999;
    margin-top: .5rem;
}
.r_num{
    float: left;
    color: #999;
}
.r_goStudy{
    float: right;
    padding: 0 .5rem;
    font-size: 0.75rem;
    color: #FFFFFF;
    background-color: #0075FF;
    height: 1.3rem;
    line-height: 1.3rem;
    border-radius: 2rem;
}
.hotClass{
    margin-top: 1rem;
}
.hotBox{
    margin-top: 1rem;
}
.hotList{
    padding: .5rem;
    width: 44%;
    margin-right: 2%;
    margin-bottom: .5rem;
    background-color: #fff;
    float: left;
    border-radius: 4px;
    /*display: flex;*/
}
.hotList:nth-of-type(2n){
    margin-right: 0;
}
.hotList img{

    width:100%;

    /*height: 4.375rem;*/
}
.hotDetail{
    /*width: 53.5%;*/
    margin-left: .5rem;
}
.hotTitle{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.zhangjie{
    font-size: 0.75rem;
    color: #999;
    margin: .3rem 0;
}
.h_study{
    font-size: 0.75rem;
    color: #999;
}